<template>
<!-- <<<<<<< HEAD -->
	<view class="u-page">
		<view class="list" @click="go_static">
			<view class="item">
				<view class="text">
					<text style="color: #3e52d5; font-size: 120%;">45</text>
<!-- =======
    <view class="content">
		<navigator url="/pages/main/report/per-report">
		<view class="list" style="margin-top: 3ch;">
			<view class="item">
				<view class="text">
					<text>45</text>
>>>>>>> demo1 -->
					<text>我的上传</text>
				</view>
				<u-line direction="col" color="#979797 " length="32rpx"></u-line>
			</view>
			<view class="item">
				<view class="text">
<!-- <<<<<<< HEAD -->
					<text style="color: #3e52d5; font-size: 120%;">23</text>
<!-- =======
					<text>23</text>
>>>>>>> demo1 -->
					<text>通话守护</text>
				</view>
				<u-line direction="col" color="#979797 " length="32rpx"></u-line>
			</view>
			<view class="item">
				<view class="text">
<!-- <<<<<<< HEAD -->
					<text style="color: #3e52d5; font-size: 120%;">13</text>
					<text>标记欺诈</text>
				</view>
			</view>
		</view>
		
		 <u-sticky bgColor="#fff">
			<u-tabs 
			:list="list4"
			lineColor="#3e52d5"
			 :activeStyle="{
						color: '#3e52d5',
						fontWeight: 'bold',
						transform: 'scale(1.05)'
					}"
			></u-tabs>
		  </u-sticky>
		
		<view class="content">
			<cc-defineCoupon colors="#3e52d5" :couponList="couponList" @onReceive="onReceive"></cc-defineCoupon>
		</view>
		
	</view>
<!-- =======
					<text>13</text>
					<text>标记欺诈</text>
				</view>
				<u-line direction="col" color="#979797 " length="32rpx"></u-line>
			</view>
		</view>
		</navigator>
        <cc-defineCoupon colors="#3e52d5" :couponList="couponList" @onReceive="onReceive"></cc-defineCoupon>
    </view>

    </view>

>>>>>>> demo1 -->
</template>

<script>
	
    export default {
        components: {

        },
        data() {
            return {
                couponshow: false,
                couponList: [ //优惠券列表
                    {
                        title: '第一次检测',
                        score: 3.1,
                        date: '2023-06-09 2023-10-02',
                        id: 1,
                        status: 0,
                        condition: ['新人专享', '通用卷'],
						type: 1
                    },
					{
					    title: '第二次检测',
					    score: 9.89,
					    date: '2023-06-09 2023-10-02',
					    id: 1,
					    status: 0,
						type: 0
					},
					{
					    title: '第三次检测',
					    score: 7.49,
					    date: '2023-06-09 2023-10-02',
					    id: 1,
					    status: 0,
						type: 0
					},
					{
					    title: '第四次检测',
					    score: 2.34,
					    date: '2023-06-09 2023-10-02',
					    id: 1,
					    status: 0,
						type: 1
					},
					{
					    title: '第五次检测',
					    score: 1.64,
					    date: '2023-06-09 2023-10-02',
					    id: 1,
					    status: 0,
						type: 1
					},
					{
					    title: '第六次检测',
					    score: 8.47,
					    date: '2023-06-09 2023-10-02',
					    id: 1,
					    status: 0,
						type: 0
					}
                ],
				list4: [{
						name: '通话检测'
					}, {
						name: '录屏检测',
					}, {
						name: '视频文件',
					},{
						name: '音频文件',
					}, {
						name: '图片文件',
					}, ],
            }
        },

        methods: {
			go_static() {
				uni.$u.route({
					url:'pages/main/report/per-report',
				})
			}
        }
    }
</script>

<style lang="scss" scoped>
// <<<<<<< HEAD
	.list {
		width: 100%;
		display: flex;
		padding: 0 44rpx;
		box-sizing: border-box;

		.item {
			width: 33.34%;
			display: flex;
			justify-content: space-evenly;
			align-items: center;
			margin-bottom: 20px;

			.text {
				display: flex;
				flex-direction: column;
				align-items: center;
				

				>text:first-child {
					font-size: 36rpx;
					font-family: CloudHeiChaoGBK;
					line-height: 48rpx;
					font-weight: 600;
				}

				>text:last-child {
					font-size: 24rpx;
					color: #666666;
					line-height: 34rpx;
// =======
// 	.content {
// 		width: 100%;
// 		height: 1624rpx;
		
// 		& text {
// 			color: #333333;
// 			font-family: PingFangSC-Semibold, PingFang SC;
// 		}

// 		.bar {
// 			.right {
// 				display: flex;

// 				& view {
// 					width: 52rpx;
// 					height: 52rpx;
// 					margin-left: 26rpx;
// 					border-radius: 26rpx;
// 					background: #F0EEFF;
// 					display: flex;
// 					justify-content: center;
// 					align-items: center;
// 					box-shadow: 0rpx -2rpx 2rpx 4rpx rgba(255, 255, 255, 0.5000), 0rpx 4rpx 4rpx 0rpx rgba(197, 183, 211, 0.5000), inset 0rpx 2rpx 6rpx 0rpx rgba(255, 255, 255, 0.5000);

// 					>image {
// 						width: 32rpx;
// 						height: 32rpx;
// 					}
// 				}
// 			}
// 		}

// 		.list {
// 			width: 100%;
// 			display: flex;
// 			padding: 0 44rpx;
// 			box-sizing: border-box;

// 			.item {
// 				width: 33.34%;
// 				display: flex;
// 				justify-content: space-evenly;
// 				align-items: center;
// 				margin-bottom: 20px;

// 				.text {
// 					display: flex;
// 					flex-direction: column;
// 					align-items: center;
					

// 					>text:first-child {
// 						font-size: 36rpx;
// 						font-family: CloudHeiChaoGBK;
// 						line-height: 48rpx;
// 						font-weight: 600;
// 					}

// 					>text:last-child {
// 						font-size: 24rpx;
// 						color: #999999;
// 						line-height: 34rpx;
// 					}
// >>>>>>> demo1
				}
			}
		}
	}
</style>